<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <img src="img/img_01.jpg">
    <input>
    <script>
        var img = document.getElementsByTagName('img')[0];
        img.onmouseover = function(){
            console.log('onmouseoveronmouseoveronmouseover')
        }
        img.onmouseout = function(){
//            console.log('onmouseoutonmouseoutonmouseout')
        }

        var input = document.getElementsByTagName('input')[0];
//        onfocus 事件
        input.onfocus = function(){
            input.style.outline = 'none';
//            input.style.width = '50px';
//            input.style.height = '100px';
            input.style.fontSize = '30px';

        }
        input.onselect =function onselect(){

//            console.log('onselectonselectonselectonselect')
//            alert(input.value)//选中范围的文字
        }
        console.log(input)
    </script>
</body>
</html>